var layer = layui.layer,
        element = layui.element(),
        laydate = layui.laydate,
        form = layui.form();

$(function () {
    
    //显示
    $('.parent').on('click', function () {
        
        $(this).next().slideDown();
        
        var str = $(this).html();
        
        $.each($('form'),function(k,v){
            if($(v).prev().html() !== str){
                $(v).slideUp();
            }
        })
        
        if($(this).hasClass('xbg')){ //如果是已经选择的题目那么可以删掉之前做题的记录
            $(this).next().find('.res').removeClass('layui-btn-disabled');
        }
    })

    //取消
    $('.cancel').on('click', function () {
        $(this).parents('form').slideToggle();
    })


    //做的题实时推送
    $('.submit').on('click', function () {
        var _this = $(this);
        $.ajax({
            url: _this.parents('#form').attr('action'),
            type: _this.parents('#form').attr('method'),
            data: _this.parents('#form').serialize(),
            success: function (info) {
                _this.parents('form').slideToggle();
                var node = $(_this).parents('form').prev();
                if (info.data == 2 && !_this.parents('form').prev().hasClass('far')) {  //如果不是far并且==2说明是需要删除线的
                    node.html('<s>' + node.html() + '</s>');
                } else {
                    node.html($(_this).parents('form').find('.layui-form-radioed .span').html());
                }
                node.addClass('xbg');
            }
        });
        return false;
    })


    //reset之后要回复不能点击的状态
    $('.res').on('click', function () {
        if ($(this).hasClass('del')) {
            var _this = $(this);
            $.ajax({
                url: '/index/index/del',
                type: _this.parents('#form').attr('method'),
                data: _this.parents('#form').serialize(),
                success: function (info) {
                    var node = $(_this).parents('form').prev();
                    if (info.code == 1) {
                        _this.parents('form')[0].reset();
                        _this.html('Reset');
                        _this.addClass('layui-btn-disabled');
                        $('.submit').addClass('layui-btn-disabled');
                        _this.removeClass('del');
                        node.removeClass('xbg').html(_this.parents('form').find('.layui-form-radio:first .span').html());
                        _this.parents('form').slideToggle();
                    }
                }
            });
        }else{
           $(this).html('Confirm Reset').addClass('del');
            layer.tips('Click to confirm reset', $(this),{
                tips: [1, '#3595CC'],
                time: 2000
            }); 
        }
    })


    //监听rido事件
    form.on('radio', function (data) {
        $(data.elem).parents('form').find('.submit').removeClass('layui-btn-disabled');
    });


    //切换pdf并切换pdf文字
    $('.click button').on('click',function(){
        var link = $(this).data('link');
        var text = $(this).html();
        $('.pdf_title').html(text);
        $('.ifram_head iframe').attr('src',link);
    })


    //设置高度
    $('.ifram_head iframe').css('min-height',$(window).height()-170);
    $('iframe').css('min-height',$(window).height());



    //page的宽度=整个题目的宽度
    var width = $('.layui-tab-content').width();
    if(width != null)
        $('.page',window.top.document).css({width:(width+22)+'px'});
        $('.page',window.top.document).animate({bottom:'0px'},200);
       
    //初始化更新表单的值
    $.each($('form'),function(k,v){
        var html = $(v).find(':checked').next().find('.span').html();
        $(v).prev().html(html);
    })
    
    
   //翻页
    $('.page a').on('click',function(){
        $(this).addClass('active').siblings().removeClass('active');
        var page = $(this).data('page');
        $('#frame').attr('src',page);
    })
})


/**
 * 通用表单提交(AJAX方式)
 */
//form.on('submit(*)', function (data) {
//    $.ajax({
//        url: data.form.action,
//        type: data.form.method,
//        data: $(data.form).serialize(),
//        success: function (info) {
//            if (info.code === 1) {
//                setTimeout(function () {
//                    location.href = info.url;
//                }, 1000);
//            }
//            layer.msg(info.msg);
//        }
//    });
//
//    return false;
//});